<style scoped lang="scss">
@import "@/styles/_variables.scss";
@import "@/styles/_mixins.scss";

.default-text {
  width: 10rem;
  height: 93vh;
  display: flex;
  @include flex-center;

  p {
    font-size: .4267rem;
    color: $color-white;
  }
}
</style>
<!-- 点赞列表页面 -->
<template>
  <div>
    <PageTitleBar title="点赞" :path="'/message'" />
  </div>
  <div class="default-text" v-if="likesList.length === 0">
    <p>暂无点赞用户</p>
  </div>
  <!-- 点赞用户列表 -->
  <div class="likes-list">
    <!-- 点赞用户列表 -->
    <div class="likes-list-wrap" v-for="item in likesList" :key="item.userId">
      <div class="likes-item">
        <div class="likes-img">
          <!-- <img :src="`http://43.138.15.137:3000${item.userAvatar}`" alt=""> -->
        </div>
        <div class="likes-info">
          <p>用户名</p>
          <p>点赞了你</p>
          <span>时间</span>
        </div>
        <div class="likes-btn">
          <!-- bothStatus -->
          <p>222</p>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>


</script>